<template>
	<div class="label">
		<a href=""><span class="author"><i class="el-icon-user"></i>廖小黑</span></a>
		<a href=""><span class="category"><i class="el-icon-service"></i>心情随笔</span></a>
		<span class="date"><i class="el-icon-date"></i>2021/04/24</span>
		<span class="page-views"><i class="el-icon-view"></i>6065</span>
		<span class="collection"><i class="el-icon-star-off"></i>2045</span>
	</div>
</template>

<script>
    export default {
        name: "Label"
    }
</script>

<style scoped>
	.label {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding-top: .3rem;
		color: #999999;
	}
	a {
		color: #999999;
		text-decoration: none;
	}
	a:hover {
		color: #23b6d4;
	}
	span {
		padding: 0 .12rem;
		border-right: .01rem solid #999999;
	}
	span i {
		margin-right: .03rem;
	}
	.collection {
		border-right: 0 solid #999999;
	}
</style>
